<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>夜读书-会员注册</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="author" content="夜读书">
    <meta name="description" content="夜读书中文网">
    <meta name="keywords" content="读书,阅读,小说,文学">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">      
    <script src="{{ asset('/formvalidator4.1.3/jquery-1.4.4.min.js') }}"></script>    
    <script src="{{ asset('/formvalidator4.1.3/formValidator-4.1.3.js') }}"></script>
    <script src="{{ asset('/formvalidator4.1.3/formValidatorRegex.js') }}"></script>
    <script src="{{ asset('/formvalidator4.1.3/DateTimeMask1.js') }}"></script>    
    <link rel="stylesheet" href="{{ asset('/bootstrap-3.3.5-dist/css/bootstrap.min.css') }}">  
    <script src="{{ asset('/bootstrap-3.3.5-dist/js/bootstrap.min.js') }}"></script>
    <link rel="stylesheet" href="{{ asset('/style/css/reg.css') }}">
    <script src="{{ asset('/formvalidator4.1.3/usreg_m.js') }}"></script>
</head>
<body>
<header class="header">
    <a href="http://www.yedushu.com"><div class="bg"></div></a>
    <div class="links">
        <a href="books" target="_blank">全部图书</a> | <a href="shop" target="_blank">书城</a>
    </div>
</header>
<section id="mainSection" class="content">
    <div class="content-tit">
        <h1>欢迎注册成为夜读书会员！</h1>
    </div>
    <div id="mMaskD" class="mainBody-wp">
    <div class="mainBody">
        <div class="">
        <form id="form1" name="form1" class="form-horizontal" role="form" action="" method="post">
        <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <div class="form-group">
                <label for="name" class="col-sm-2 control-label">用户名</label>
                <div class="col-sm-10 basic-input">
                <div style="float:left">
                <div style="width:200px;float:left">
                <input type="text" class="form-control user_name" maxlength="25" id="us" name="us" placeholder="用户名">
                </div>
                <div id="usTip" style="width:280px;float:right"></div>                 
                </div>
                <div class="user_name" style="float:left">3~14个字符，可以包括中文、字母、数字、下划线</div>                               
                </div>
            </div>
            <div class="form-group">
                <label for="email" class="col-sm-2 control-label">信箱</label>
                <div class="col-sm-10 basic-input">
                <div style="float:left">
                <div style="width:200px;float:left">
                <input type="text" class="form-control email" id="email" name="email" placeholder="信箱">
                </div>
                <div id="emailTip" style="width:280px;float:right"></div>
                </div>
                <div class="email" style="float:left">6~30个字符，可以包括字母、数字、下划线</div>                
                </div>
            </div>
            <div class="form-group">
                <label for="password" class="col-sm-2 control-label">密码</label>
                <div class="col-sm-10 basic-input">
                <div style="float:left">
                <div style="width:200px;float:left">
                <input type="password" class="form-control password" maxlength="25" id="password1" name="password1" placeholder="密码">
                </div>
                <div id="password1Tip" style="width:280px;float:right"></div>
                </div>
                <div class="password" style="float:left">6~16个字符，包括字母、数字、特殊符号，区分大小写</div>                
                </div>
            </div>
            <div class="form-group">
                <label for="cpassword" class="col-sm-2 control-label">确认密码</label>
                <div class="col-sm-10 basic-input">
                <div style="float:left">
                <div style="width:200px;float:left">
                <input type="password" class="form-control cpassword" maxlength="25" id="password2" name="password2" placeholder="确认密码">
                </div>
                <div id="password2Tip" style="width:280px;float:right"></div>
                </div>
                <div class="cpassword">请再次输入密码</div>                
                </div>
            </div>
            <div class="form-group">
                <label for="mobile" class="col-sm-2 control-label">手机号码</label>
                <div class="col-sm-10 basic-input">
                <div style="float:left">
                <div style="width:200px;float:left">
                <input type="mobile" class="form-control mobile" maxlength="25" id="mobile" name="mobile" placeholder="请输入手机号码">
                </div>
                <div id="mobileTip" style="width:280px;float:right"></div>
                </div>
                <div class="mobileword">请输入手机号码</div>                
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                <button type="submit" class="btn btn-info" id="button" name="button">立即注册</button>
                </div>                
            </div>
        </form>
       </div>
       <div class="denglu"><a href="{{ asset('uslogin') }}">我已注册，登录</a></div>
    </div>
    <aside class="mainBody-side">
        <div id="adds" class="regExt">
            <img src="/images/ydswx.jpg" width="200" height="200"></img>
        </div>
        <div style="text-align:center;">夜读书微信公众号</div>
    </aside>
    <div class="clear"></div>
    </div>
</section>
<footer class="footer">夜读书(www.yedushu.com)</footer>
</body>
</html>